<template>
  <div id='header-title'>
      <span 
        @click='headerGo' 
        :class='icon'
        style='position:absolute;left:8px;line-height: 45px;font-size:25px;'></span>
      {{headerTitle}}
  </div>
</template>
<script>
  export default {
    props:['icon','headerTitle'],
    methods:{
      headerGo(){
        this.$emit("headerGo");
      }
    }
  }
</script>
<style scoped>
    #header-title{
        position: fixed;
        width: 100%;
        height: 45px;
        z-index:3;
        background:white url('../../static/img/headerBottom.png') repeat-x 0 42px;
        text-align: center;
        font-size:16px;
        line-height: 45px;
    }
</style>
